.a{
    outline: none;
    background-color:aliceblue;
    font-size: x-small;
    padding: 2px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */

}
.a:hover{
    background-color:lime;
}

.b{
    background-color:black;
    color:white;
    padding: 5px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.b:hover{
    background-color:lime;
}
.c{
    background-color:coral;
    font-size: xx-small;
    padding: 10px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.c:hover{
    background-color:lime;
}
.d{
    background-color:blue;
    font-size: xx-large;
    padding: 15px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.d:hover{
    background-color:lime;
}
.e{
    background-color:aliceblue;
    font-size: x-small;
    padding: 3px;;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.e:hover{
    background-color:lime;
}
.f{
    background-color:black;
    color:white;
    padding: 5px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.f:hover{
    background-color:lime;
}
.g{
    background-color:coral;
    font-size: xx-small;
    padding: 10px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.g:hover{
    background-color:lime;
}
.h{
    background-color:blue;
    font-size: xx-large;
    padding: 15px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.h:hover{
    background-color:lime;
}
.i{
    background-color:aliceblue;
    font-size: x-small;
    padding: 3px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.i:hover{
    background-color:lime;
}
.j{
    background-color:black;
    color:white;
    padding: 5px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.j:hover{
    background-color:lime;
}
.k{
    background-color:coral;
    font-size: xx-small;
    padding: 10px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.k:hover{
    background-color:lime;
}
.m{
    background-color:blue;
    font-size: xx-large;
    padding: 15px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.m:hover{
    background-color:lime;
}
.l{
    background-color:aliceblue;
    font-size: x-small;
    padding: 3px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.l:hover{
    background-color:lime;
}
.n{
    background-color:black;
    color:white;
    padding: 5px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.n:hover{
    background-color:lime;
}
.o{
    background-color:coral;
    font-size: xx-small;
    padding: 10px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */
}
.o:hover{
    background-color:lime;
}
.p{
    background-color:blue;
    font-size: xx-large;
    padding: 15px;
    transition: all 2s;
    -webkit-transition: all 2s;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s; /* Safari and Chrome */

}
@keyframes myfirst
{
    from {background:red;}
    to {background:yellow;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    from {background:red;}
    to {background:yellow;}
}

.p:hover{
    background-color:lime;
}
:active{
    color: darkmagenta;
}
@keyframes myfirst
{
    from {background:red;}
    to {background:yellow;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    from {background:red;}
    to {background:yellow;}
}

